<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div class="container"  id="content">
		 <section class="content-header">
			<h1>
				<i class="fa fa-cogs"></i> <strong>售后服务单跟踪情况</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>售后管理</li>
				<li class="active">售后服务单跟踪情况</li>
			</ol>
		</section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	 <div class="box-header with-border">
                     <i class="fa fa-th-list"></i>
                     <h4 class="box-title">售后服务单</h4>
                 </div>
                 <div class="box-body">
                    <div class="form-inline">
                    <div class="input-group">
						<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
						<span class="input-group-btn">
						<select class="form-control" id="type" name="type" >
							<option value="1">全部</option>
							<option value="2" selected="selected" >有跟踪信息</option>
							<option value="3">无跟踪信息</option>
						</select>
						<button  type="button" class="btn btn-info searchBtn">查询</button>
						<button  type="button" name="reset" id="reset-btn" class="btn btn-info resetBtn">撤消</button>
						</span>
					</div>
				 </div>
                 </div>
				<div class="box box-body" style="width: 100%">
							<table id="allTicketTable"
								class="mytable dataTable table-bordered text-center table-striped table-hover"
								cellspacing="0"  align="center">
								<thead>
									<tr>
										<th width="4%">序号</th>
										<!-- <th width="2%"><input type="checkbox" id="checkAll" /></th> -->
										<!-- <th width="6%" style="display:none">id</th> -->
										<th width="6%">管理代码</th>
										<th width="6%">派遣时间</th>
										<th width="6%">派遣说明</th>
										<th width="6%">单位名称</th>
										<th width="6%">合同号</th>
										<th width="6%">售后类型</th>
										<!-- <th width="6%">派遣人</th> -->
										<th width="6%">申请人</th>
										<th width="6%">发起部门</th>
										<th width="6%">现场联系人</th>
										<th width="6%">联系方式</th>
										<th width="6%">设备编号</th>
										<th width="6%">设备名称</th>
										<th width="6%">设备型号</th>
										<th width="8%">问题描述</th>
										<th width="8%">问题跟踪描述</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</div>
				<div>
					<h4>
						<strong>跟踪情况</strong>
					</h4>
				</div>
				<div class="box-body">
                    <div class="form-inline">
                    <div class="input-group">
						<input type="text" class="form-control" id="keyword1"  placeholder="Search..." />
						<span class="input-group-btn">
						<button  type="button" class="btn btn-info searchBtn1">查询</button>
						<button  type="button" name="reset" id="reset-btn" class="btn btn-info resetBtn1">撤消</button>
						</span>
					</div>
				 </div>
                 </div>
                 <div class="box box-body" style="width:100%; overflow-x:scroll;">
				<table width="100%" id="ticketTranceTable"
							class="mytable dataTable table-bordered text-center table-striped table-hover ">
						<thead>
							<tr>
							    <th width="6%">序号</th>
							    <!-- <th width="6%"><input type="checkbox" id="checkAll"/></th> -->
								<th width="10%">类型</th>
								<th width="10%">姓名</th>
								<th width="10%">时间</th>
								<th width="68%">说明</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
				</div>
			</div>
	  </section>
	  <script th:src="@{/afterSaleOutHouse/outHousequeryindex.js}"></script>
	 </div> 
</body>
</html>